<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href=@{'/public/stylesheets/css/style.css'} rel="stylesheet" type="text/css" />
<title>Donuts Mania</title>
%{ int i=0}%
<script type="text/javaScript">
   function alterarCorStatus(id){
	   cor = "#000000";
       if(document.getElementById(id).innerHTML=="pendente"){
    	   cor = "#FF0000";
	       
       }
	   if(document.getElementById(id).innerHTML=="visto"){
    	   cor= "#0000FF";
	       
       }
	   if(document.getElementById(id).innerHTML=="enviado"){
    	   cor= "#00FF00";
	       
       }
	   if(document.getElementById(id).innerHTML=="cancelado"){
    	   cor = "#FFFF00";
       }
	   
	   document.getElementById(id).color=cor;
   }

</script>
</head>
<body >
   <div>
       <ul>
        <li> Pedido Nº: ${pedido.getNumero()}
        <li> Data: ${data}
        <li> Cliente: ${pedido.getCliente().getNome()}
        <li > Status do pedido: <font id="statusPedido" color="#0500F0">${pedido.getStatus()}</font>
              <script type="text/javaScript"> alterarCorStatus("statusPedido"); </script>
        <li> Ultima alteração por: ${pedido.getUsuarioUltimaAlteracao()} 
        <li> Data da ultima alteracao: ${dataUltimaAlteracao}
        
       </ul>
   </div>
   
   <div id= "lista_pedidos">
        <fieldset style="width:350px;">
          <legend>Pedidos</legend>
            <table >
               <tr>
                 <th> Produto</td>
                 <th> Sabor</td>
                 <th> Quantidade</td>
                 <th> Preco</td>
               </tr>
              #{list items:lista, as:'item'}
                  <tr>
                    <td style="text-align:center"> Donut
                    <td style="text-align:center"> ${item.getNome()}</td>
                    <td style="text-align:center"> ${pedido.getItens().get(i).getQuantidade()}</td>
                    <td style="text-align:center">  ${String.format("R\$ %.2f",item.getValorTotal())}</td>
                  </tr>
              
              
              
              #{/list}
            
            
            
            </table>
        
        </fieldset>
 
   </div> 
   
   <div syle="position:relative; top:20px;">
     <form action= @{Administracao.alterarStatusPedido()} method="GET">
       <input type="hidden" name="numero" value=${pedido.getNumero()}>
       <input type="submit" name="status" value="Cancelar">
       <input type="submit" name="status" value="Mudar para visto">
       <input type="submit" name="status" value="Enviar">
     </form>
   
   
   
   </div>
   <a href= @{Administracao.lista_pedidos()}>Voltar para lista de pedidos</a>

</body>
</html>